<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/header-bar.css" />
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/header-bar.js"></script>
	</head>
	<body>
		<div class="bar-outer">
			<div class="bar-wrap">
				<div class="bar-left"><!--网站bar-main-->
					<div class="bar-item">
						<a class="bar-item-name" href="#">
							<em class="bar-icon-mobile"></em>
							手机喜地
						</a>
						<div class="bar-item-cont" style="display:none">
							<img src="images/none/ewm-mobile.png" alt="" />
							<span>手机逛喜地</span>
						</div>
					</div>
					<div class="bar-item">
						<span class="bar-item-name">
							<em class="bar-icon-wechat"></em>
							关注喜地
						</span>
						<div class="bar-item-cont" style="display:none">
							<img src="images/none/ewm-wechat.png" alt="" />
							<span>关注喜地微信账号</span>
						</div>
					</div>
					<div class="bar-item">
						<span class="bar-item-name">
							<em class="bar-icon-service"></em>
							客户服务
						</span>                           <!--这里要有一个下拉列表，鼠标滑过显示-->
						<div class="bar-item-cont" style="display:none;">
							<a href="#">联系客服</a>
							<a href="#">常见问题</a>
							<a href="#">在线客服</a>
							<a href="#">意见反馈</a>
							<a href="#">客服邮箱</a>
						</div>
					</div>
					<div class="bar-item">
						<a class="bar-item-name bar-item-name-none" href="#">
							<em class="bar-icon-gzs"></em>
							消费者告知书
						</a>
					</div>
					<div class="bar-item">
						<a class="bar-item-name bar-item-name-none" href="#">
							全场满98包邮
						</a>
					</div>
				</div>
				<div class="bar-right"><!--网站bar-side-->
					<div class="bar-user">
						<a href="#" target="_blank">您好，请登录</a>
						<a href="#" target="_blank">免费注册</a>
						<span class="line">|</span>
					</div>
					<div class="bar-item">
						<a href="#" target="_blank">我的订单</a>
					</div>
					<div class="bar-item">
						<a href="#" target="_blank" class="bar-item-name">个人中心</a>
						<div class="bar-item-cont" style="display:none;">
							<a href="#" target="_blank">我的优惠</a>
							<a href="#" target="_blank">我的喜欢</a>
							<a href="#" target="_blank">我的消息</a>
							<a href="#" target="_blank">我的评价</a>
							<a href="#" target="_blank">账户安全</a>
							<a href="#" target="_blank">售后管理</a>
						</div>
					</div>
					<div class="bar-card">
						<a href="#" target="_blank">
							<span class="bar-card-name">购物车</span>
							<span class="bar-card-num">
								<var>0</var>
							</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="hd-wrap clearfix">
				<a href="#" target="_blank" title="喜地首页" class="hd-logo">
					<img src="images/logo.png" alt="喜地logo" />
				</a>
				<div class="hd-search">
					<form action="#" method="get" name="#" id="searchForm">
						<div class="hd-search-frame">
							<input type="text" name="#" class="search-key" placeholder="更多2万个世界产品"/>
							<input type="button" class="search-button"/>
						</div>
						<div class="hd-search-box">
							<ul class="hd-search-sug"></ul>
						</div>
					</form>
				</div>
				<div class="hd-valuable">
					<a href="#" target="_blank"><em class="hp-icon-hw"></em>海外进口</a>
					<a href="#" target="_blank"><em class="hp-icon-gc"></em>工厂直价</a>
					<a href="#" target="_blank"><em class="hp-icon-yc"></em>原产纯品</a>
					<a href="#" target="_blank"><em class="hp-icon-gn"></em>国内直邮</a>
				</div>
			</div>
		<div class="nav-wrap">
			<div class="nav-inner">
				<div class="nav-classify">
					<em class="nav-classify-name">商品分类</em>
					<div class="nav-classify-box"></div>
				</div>
				<div class="nav-country">
					<ul>
						<li class="item country-long"><a href="#">16国特品</a></li>
						<li class="item"><a href="#">德国</a></li>
						<li class="item"><a href="#">日本</a></li>
						<li class="item"><a href="#">韩国</a></li>
						<li class="item"><a href="#">英国</a></li>
						<li class="item"><a href="#">意大利</a></li>
						<li class="item"><a href="#">法国</a></li>
						<li class="item"><a href="#">西班牙</a></li>
						<li class="item"><a href="#">希腊</a></li>
						<li class="item country-long"><a href="#">澳大利亚</a></li>
						<li class="item"><a href="#">新西兰</a></li>
						<li class="item"><a href="#">瑞典</a></li>
						<li class="item"><a href="#">丹麦</a></li>
						<li class="item"><a href="#">芬兰</a></li>
						<li class="item"><a href="#">比利时</a></li>
						<li class="item"><a href="#">美国</a></li>
						<li class="item"><a href="#">奥地利</a></li>
						<li class="item"><a href="#">瑞士</a></li>
						<!--<li class="item"><a href="#">巴西</a></li>这里跟网站上不同，距离也不同-->
					</ul>
				</div>
				<div class="nav-side">
					<div class="nav-side-item">
						<a href="#"><em class="nav-icon-article"></em>全部文章</a>
					</div>
					<div class="nav-side-item">
						<a href="#"><em class="nav-icon-market"></em>世界超市</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
